<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link href="css/layui.css" rel="stylesheet">
		<link href="css/layui.mobile.css" rel="stylesheet">
		<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="css/styles.css">
		<title>学习任务-大学课堂评价系统</title>


		<style>
        /* modal 模态框*/
        #invite-user .modal-body {
            overflow: hidden;
        }
        #invite-user .modal-body .form-label {
            margin-bottom: 16px;
            font-size:14px;
        }
        #invite-user .modal-body .form-invite {
            width: 80%;
            padding: 6px 12px;
            background-color: #eeeeee;
            border: 1px solid #cccccc;
            border-radius: 5px;
            float: left;
            margin-right: 10px;
        }
        #invite-user .modal-body .msg-modal-style {
            background-color: #7dd383;
            margin-top: 10px;
            padding: 6px 0;
            text-align: center;
            width: 100%;
        }
        #invite-user .modal-body .modal-flash {
            position: absolute;
            top: 53px;
            right: 74px;
            z-index: 999;
        }
        /* end modal */
        .en-footer {
            padding: 30px;
            text-align: center;
            font-size: 14px;
        }
    </style>
	</head>

	<body>
		<jsp:include page="top.jsp"/>
		<div class="container layout layout-margin-top">
			<ul class="nav nav-tabs" role="tablist">
				<li role="presentation" class="active"><a href="#doing" aria-controls="doing" role="tab" data-toggle="tab">正在进行</a></li>
				<li role="presentation"><a href="#done" aria-controls="done" role="tab" data-toggle="tab">已完成</a></li>
			</ul>
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="doing">
			<!--中心-->
			<div class="row">
			<c:forEach items="${requestScope.evaList }" var="e" varStatus="status">
			<c:if test="${e.GWork.openEva eq false}">
				<div class="col-md-4">
					<div class="layui-card cate-con">
						<div class="layui-card-body">
							<table class="table">
								<tbody>
									<tr>
										<h3>${e.GWork.workTitle}</h3>
									</tr>
									<tr>
										<td>开始时间：<span>${e.GWork.workBegin}</span></td>
									</tr>
									<tr>
										<td>结束时间：<span>${e.GWork.workEnd}</span></td>
									</tr>
									<tr>
										<td>评价形式：<span>${e.evaluateType}</span></td>
									</tr>
								</tbody>
							</table>
							<div class="panel panel-success">
								<!-- Default panel contents -->
								<div class="panel-heading">
									<a href="#showContent${e.GWork.workID}" class="layui-btn layui-btn-sm" id="" data-toggle="modal" >查看内容</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</c:if>
			</c:forEach>
			</div>
			<!--中心-row-->
			</div>
				<div role="tabpanel" class="tab-pane" id="done">
			<!--中心-->
			<div class="row">
			<c:forEach items="${requestScope.evaList }" var="e" varStatus="status">
			<c:if test="${e.GWork.openEva eq true}">
				<div class="col-md-4">
					<div class="layui-card cate-con">
						<div class="layui-card-body">
							<table class="table">
								<tbody>
									<tr>
										<h3>${e.GWork.workTitle}</h3>
									</tr>
									<tr>
										<td>开始时间：<span>${e.GWork.workBegin}</span></td>
									</tr>
									<tr>
										<td>结束时间：<span>${e.GWork.workEnd}</span></td>
									</tr>
									<tr>
										<td>评价形式：<span>${e.evaluateType}</span></td>
									</tr>
								</tbody>
							</table>
							<div class="panel panel-success">
								<!-- Default panel contents -->
								<div class="panel-heading">
									<label>评价结果：</label>
									<h3 style="color: red;display: inline-block;">${e.evaluateDegree}</h3>
									<div style="margin-top:18px" class="pull-right"><a href="#showContent${e.GWork.workID}" class="layui-btn layui-btn-sm" id="" data-toggle="modal" >查看内容</a></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</c:if>
			</c:forEach>
				
				
			</div>
			<!--中心-row-->
			</div>
			</div>
		</div>
		<!--container-->
		<!-- 登陆模态框 -->
		<div class="modal fade" id="sign-modal" tabindex="-1" role="dialog">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<button type="button" class="close-modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<div class="modal-body">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#signin-form" aria-controls="signin-form" role="tab" data-toggle="tab">登录</a>
							</li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="signin-form">
								<form action="/login" method="post">
									<div class="form-group">
										<div class="input-group">
											<div class="input-group-addon">
												<i class="fa fa-envelope" style="margin:0;"></i>
											</div>
											<input type="email" name="login" class="form-control" placeholder="请输入账户">
										</div>
									</div>
									<div class="form-group">
										<div class="input-group">
											<div class="input-group-addon">
												<i class="fa fa-lock" style="margin:0;"></i>
											</div>
											<input type="password" name="password" class="form-control" placeholder="请输入密码">
										</div>
									</div>
									<div class="form-inline verify-code-item" style="display:none;">
										<div class="form-group">
											<div class="input-group">
												<input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
											</div>
										</div>
										<img class="verify-code" src="" source="https://www.shiyanlou.com/captcha.gif">
									</div>
									<div class="form-group remember-login">
										<input name="remember" type="checkbox" value="y"> 下次自动登录
										<a class="pull-right" href="../reset_password/index.html">忘记密码？</a>
									</div>
									<div class="form-group">
										<input class="btn btn-primary" name="submit" type="submit" value="登录">
									</div>
									<div class="form-group error-msg">
										<div class="alert alert-danger" role="alert"></div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 登录模态框结束 -->
		<c:forEach items="${requestScope.evaList }" var="e" varStatus="status">
		<!-- 任务内容 -->
		<div id="showContent${e.GWork.workID}" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" >
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
				${e.GWork.workContent}
				</div>
			</div>
		</div>
		<!-- 任务内容结束 -->
		</c:forEach>
		<jsp:include page="footer.jsp"/>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/layui.all.js"></script>
	</body>
</html>
